@import "$yo-config/core/reset";
@import "$yo-config/layout/yo-root";
@import "$yo-config/layout/yo-flex";
@import "$yo-config/element/yo-btn";
@import "$yo-config/fragment/yo-card";

@include yo-btn(
    $name: light,
    $border-width: 1px,
    $border-color: #666,
    $bgcolor: #fff,
    $color: #333
){
    margin: .1rem;
};

.yo-flex{
    .yo-scroller{
        .yo-card{
            padding-bottom: 20px;
            .extra{
                overflow: hidden;
                img{
                    // height: 120px;
                }
                .img-descMy{
                    p.desc{
                        text-align: left;
                        line-height: 40px;
                        background: rgba(0, 0, 0, .5);
                        width: 100%;
                        color: white;
                        position: absolute;
                        bottom: 0px;
                        text-indent: 10px;
                    }
                }
            }
            .cardText{
                p.type{
                    text-indent: 20px;
                    color: grey;
                    line-height: 30px;
                }
            }
        }
        .yo-card::after{
            border: 0;
            border-bottom: 1px solid lightgrey;
           
        }
    }
}